<template>
  <el-form label-position="top" class="p-10">
    <el-form-item label="标题名称">
      <el-input
        size="mini"
        v-model="activeData.extConfig.labelName"
        style="width: 200px"
      ></el-input>
    </el-form-item>
    <el-form-item label="标题大小">
      <el-input-number
        v-model="activeData.extConfig.checkListSize"
        :min="1"
        :max="32"
        label="描述文字"
      ></el-input-number>
    </el-form-item>
    <el-form-item label="标题颜色">
      <div class="block">
        <el-color-picker
          v-model="activeData.extConfig.checkListColor"
        ></el-color-picker>
      </div>
    </el-form-item>

    <el-form-item label="文字是否居中">
      <el-switch v-model="activeData.extConfig.isAlignCenter" />
    </el-form-item>
    <el-form-item label="标题是否居中">
      <el-switch v-model="activeData.extConfig.isTitleCenter" />
    </el-form-item>
  </el-form>
</template>
<script>
export default {
  name: "checklist-config",
  props: ["activeData"],
  data() {
    return {};
  },
  computed: {},
  watch: {},
  methods: {},
};
</script>
